@charset "utf-8";
@import "common/reset";
@import "common/swiper-4.3.3.min";
//像素比除以2
@function p($px){
    @return $px/2+px;
}

.mobile{
    background: #fff;
    
    header{
        overflow: hidden;
        .back{
            float: left;
            
            //图片溢出部分隐藏
//          overflow: hidden;
            margin-top: p(48);
            margin-left: p(23);
            a{
                text-align: center;
                padding-top: p(15);
                font-size: p(21);
                font-weight: bold;
                color: #000;
                display: inline-block;
                width: p(123);
                height: p(57);
                border: p(3) solid #ff9344;
                border-radius: p(16);
            }
        }
        .title{
            width: p(54);
            height: p(26);
            margin: 0 auto;
            margin-top: p(64);
            
           h1{
               font-size: p(26);
               line-height: p(26);
           } 
           
        }
        .eml{
            float: right;
            width: p(62);
            height: p(56);
            margin-right: p(18);
            margin-top: p(41);
            a{
                display: inline-block;
               img{
                   width: 100%;
               } 
            }
        }
    }
    
    //主体内容
    section{
        margin-top: p(19);
        margin-bottom: 22%;
        .user{
            overflow: hidden;
            
           .photo{
               width: p(169);
               height: p(170);
               float: left;
             
             img{
                 width: 100%;
                  border-radius: 50%;
             }  
           }
           .pass{
               float: left;
               padding-left: p(37);
               a{
                   margin-top: p(33);
                   display: inline-block;
                   font-size: p(30);
                   line-height: p(30);
                   color: #000;
               }
               p{
                   font-size: p(26);
                   color: #9d9d9d;
                   line-height: p(26);
                   margin-top: p(37);
               }
           } 
           .next{
               float: right;
               margin-right: p(22);
               margin-top: p(52);
               a{
                   font-size: p(46);
                   line-height: p(46);
                   color: #000;
               }
           }
        }
        .part{
            overflow: hidden;
            padding: 0 2%;
            margin-top: p(26);
           .part1{
               width: 30%;
               height: p(151);
               background: #b2e0a0;
               float: left;
               margin-right: 5%;
               .pic_01{
                   width: p(77);
                   height: p(82);
                   margin-top: p(20);
                   margin-left: 32%;
                   img{
                       width: 100%;
                   }
               }
               p{
                   font-size: p(26);
                   line-height: p(26);
                   margin-top: p(13);
                   text-align: center;
               }
           } 
            .part2{
               width: 30%;
               background: #a0dce0;
               float: left;
               padding-bottom: p(12);
               margin-right: 5%;
               .pic_02{
                   width: p(83);
                   height: p(80);
                   margin-top: p(20);
//                 margin-left: p(53);
                   margin-left: 32%;
                   img{
                       width: 100%;
                   }
               }
               p{
                   font-size: p(26);
                   line-height: p(26);
                   margin-top: p(13);
                   text-align: center;
               }
           } 
            .part3{
               width: 30%;
               background: #e0b7a0;
               float: left;
               padding-bottom: p(13);
               .pic_03{
                   width: p(124);
                   height: p(78);
                   margin-top: p(21);
                   margin-left: 21%;
                   img{
                       width: 100%;
                   }
               }
               p{
                   font-size: p(26);
                   line-height: p(26);
                   margin-top: p(13);
                   text-align: center;
               }
           } 
        }
        
        //我的钱包
           .wodeqianbao{
                margin: 0 auto;
                margin-top: p(34);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(57);
                height: p(73);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(23);
            margin-left: p(96);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(20);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
     //待点评
           .dianping{
                margin: 0 auto;
                margin-top: p(24);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(70);
                height: p(73);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(20);
            margin-left: p(96);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(14);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    //找好友
           .friend{
                margin: 0 auto;
                margin-top: p(24);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(93);
                height: p(58);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(20);
            margin-left: p(98);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(14);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    //我的足迹
           .foot{
                margin: 0 auto;
                margin-top: p(34);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(59);
                height: p(59);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(16);
            margin-left: p(96);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(13);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
     //设置
           .set{
                margin: 0 auto;
                margin-top: p(80);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(78);
                height: p(79);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(27);
            margin-left: p(94);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(23);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    //联系
           .call{
                margin: 0 auto;
                margin-top: p(24);
                padding: 0 p(21);
                overflow: hidden;
            .logo{
                float: left;
                width: p(84);
                height: p(59);
                img{
                    width: 100%;
                }
             }
        h2{
            font-size: p(26);
            line-height: p(26);
            margin-top: p(19);
            margin-left: p(100);
            font-weight: normal;
        }
        .more{
            float: right;
            margin-top: p(17);
            span{
                color: #000;
                font-size: p(24);
                vertical-align: middle;
            }
            input[type="image"]{
                width: p(25);
                height: p(26);
                  vertical-align: middle;
            }
        }
        
    }
    .button{
        input{
            width: 25%;
            height: p(76);
            background: #ff9344;
            font-size: p(24);
            color: #fff;
            border-radius: p(37);
            margin-top: p(36);
            margin-left: 17%;
        }
    }
    }
    
    //脚部
    footer{
         padding-bottom: p(14);
         background: #fff;
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0;
     .footer_nav{
        width: 100%;
        margin-top: p(14);
        .home{
            width: 9%;
            float: left;
            margin: 0 8%;
        img{
           width: 100%; 
        }
        p{
            font-size: p(26);
            text-align: center;
            color: #000;
        }
        }
    }
    }
}
